<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  <title>登录页面 - 光年(Light Year Admin)后台管理系统模板</title>
  <link rel="icon" href="favicon.ico" type="image/ico">
  <meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
  <meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
  <meta name="author" content="yinqi">
  <link href="./static/css/bootstrap.min.css" rel="stylesheet">
  <link href="./static/css/materialdesignicons.min.css" rel="stylesheet">
  <link href="./static/css/style.min.css" rel="stylesheet">
  <style>
    .lyear-wrapper {
      position: relative;
    }

    .lyear-login {
      display: flex !important;
      min-height: 100vh;
      align-items: center !important;
      justify-content: center !important;
    }

    .lyear-login:after {
      content: '';
      min-height: inherit;
      font-size: 0;
    }

    .login-center {
      position: relative;
      background: #fff;
      min-width: 29.25rem;
      padding: 2.14286em 3.57143em;
      border-radius: 3px;
      margin: 2.85714em;
    }

    .login-header {
      margin-bottom: 1.5rem !important;
    }

    .login-center .has-feedback.feedback-left .form-control {
      padding-left: 38px;
      padding-right: 12px;
    }

    .login-center .has-feedback.feedback-left .form-control-feedback {
      left: 0;
      right: auto;
      width: 38px;
      height: 38px;
      line-height: 38px;
      z-index: 4;
      color: #dcdcdc;
    }

    .login-center .has-feedback.feedback-left.row .form-control-feedback {
      left: 15px;
    }

    .error {
      position: absolute;
      bottom: -20px;
      /* left: 0; */
      width: 78%;
      height: 20px;
      line-height: 0;
      font-size: 13px;
    }
  </style>
</head>

<body>
  <div class="row lyear-wrapper" style="background-image: url(images/login-bg.jpg); background-size: cover;">
    <div class="lyear-login">
      <div class="login-center">
        <div class="login-header text-center">
          <a href="index.html"> <img alt="light year admin" src="./static/images/logo-sidebar.png"> </a>
        </div>
        <form action="#!" method="post">
          <div class="form-group has-feedback feedback-left">
            <input type="text" placeholder="请输入您的用户名" class="form-control" name="username" id="username" />
            <span class="mdi mdi-account form-control-feedback" aria-hidden="true"></span>
          </div>
          <div class="form-group has-feedback feedback-left">
            <input type="password" placeholder="请输入密码" class="form-control" id="password" name="password" />
            <span class="mdi mdi-lock form-control-feedback" aria-hidden="true"></span>
          </div>
          <!-- <div class="form-group has-feedback feedback-left row">
            <div class="col-xs-7">
              <input type="text" name="captcha" class="form-control" placeholder="验证码">
              <span class="mdi mdi-check-all form-control-feedback" aria-hidden="true"></span>
            </div>
            <div class="col-xs-5">
              <img src="./static/images/captcha.png" class="pull-right" id="captcha" style="cursor: pointer;"
                onclick="this.src=this.src+'?d='+Math.random();" title="点击刷新" alt="captcha">
            </div>
          </div> -->
          <!-- <div class="form-group">
            <label class="lyear-checkbox checkbox-primary m-t-10">
              <input type="checkbox"><span>5天内自动登录</span>
            </label>
          </div> -->
          <div class="form-group">
            <button class="btn btn-block btn-primary login-btn" type="button">立即登录</button>
          </div>
        </form>
        <!-- <hr> -->
        <div class="alert alert-danger error" style="display: none;">账号或密码错误</div>
      </div>
    </div>
  </div>

  <script type="text/javascript" src="./static/js/jquery.min.js"></script>
  <script type="text/javascript" src="./static/js/bootstrap.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>

  <script>

    $(".login-btn").click(function () {
      var username = $("#username").val()
      var password = $("#password").val()
      //存储到本地
      // localStorage.setItem("name", "value");

      // $.post("http://localhost:8000/api/login",{
      //   "adminID":username,
      //   "adminPwd":password
      // },function(result){
      //             console.log(result);
      //             // if(result.success){
      //             //     if (result.identity == "student"){
      //             //         location.href = "/student";
      //             //     }else if(result.identity == "teacher"){
      //             //         location.href = "/teacher";
      //             //     }else if(result.identity == "manager"){
      //             //         location.href = "/manager";
      //             //     }
      //             //     // else if (result.identity == "admin"){
      //             //     //     location.href = "/admin";
      //             //     // }

      //             // }else{
      //             //     layer.msg("用户名或密码错误");
      //             // }
      //         },"json")

      $.ajax({
        type: "post",
        dataType: "JSON",
        // async:false,
        // contentType : "application/json",
        data: {
          "adminID": username,
          "adminPwd": password
        },
 

        url: "http://localhost:8000/api/login",
        success: function (result) {
          console.log(result);

          if (result.status == "登录成功") {
            $(".error").css("display", "none")
            // this.$router.push({
            //   path:"/",
            //   query:{
            //     "adminID":username
            //   }
            // })
            location.href = "/index.html"
          } else {
            $(".error").css("display", "block")
          }
        },
        error: function (result) {
          console.log(result)

          // location.href="/index.html"
        }
      })
    })

  </script>
</body>

</html>